<template>
	<view class="fiexd">
		<view class="iceFlex">
			<u-input class="item" v-model="form.keywords" type="text" placeholder="搜索问卷"></u-input>
			<u-button class="item" type="primary" text="搜索" @click="submit"></u-button>
		</view>
	</view>
</template>

<script setup>
	import {
		reactive
	} from 'vue'
	const emits = defineEmits(['iceSerchClick'])
	const form = reactive({
		keywords: ''
	})
	const submit = () => {
		emits('iceSerchClick',form)
	}
</script>

<style>
	.fiexd {
		z-index: 999;
		width: 100%;
		height: 80px;
		background-color: rgba(255, 255, 255, .7);
		position: fixed;
		top: 0;
		left: 0;
		border: 1px #ccc solid;
		box-shadow: 2px 2px 2px #ccc;
		background-image: radial-gradient(transparent 1px, #fff 1px);
		background-size: 2px 2px;
		backdrop-filter: saturate(90%) blur(1.5px);
		.iceFlex{
			width: 90%;
			margin: 16px auto;
		}
		.u-input {
			/* width: 180px; */
			background-color: #F3F4F6;
			height: 36px;
			border-radius: 23px;
			text-indent: 1em;
		}

		.u-button {
			width: 80px;
			height: 46px;
			border-radius: 23px;
			margin-left: 15px;
		}
	}
</style>